<template>
    <div>
      <el-select
        v-bind="$attrs"
        filterable
        remote
        :remote-method="remoteMethod"
        remote-show-suffix
      >
        <el-option
          v-for="item in options"
          :key="item.productId"
          :label="item.productName"
          :value="item.productId"
        />
      </el-select>
    </div>
  </template>
  <script setup>
  import { gatewayproduct } from "@/api/operate/device-management/index";
  const options = ref([]);
  const list = ref([]);
  const props = defineProps({
    gatewayType: {
      type: Number,
      default: 1
    }
  });
  gatewayproduct().then(res => {
    options.value = res.result;
    list.value = res.result;
  });
  </script>
  <style lang="scss" scoped></style>
  